<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1">
	
	<link rel="stylesheet" type="text/css" href="./css/common.css" />
	<link rel="stylesheet" type="text/css" href="./css/timeline.css" />
	
	<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
	<script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script>
	
	<script type="text/javascript" src="./script/form/jquery.form.js"></script>
	<script type="text/javascript" src="./script/common.js"></script>
	<script type="text/javascript" src="./script/edit.js"></script>
	<script type="text/javascript" src="./script/edit_u2b.js"></script>
	<script type="text/javascript" src="./script/edit_article.js"></script>
	<script type="text/javascript" src="./script/edit_fb.js"></script>
	<script type="text/javascript" src="./script/edit_audio.js"></script>
	<style>
		
	</style>
	
	<title>edit timeline</title>
</head>
<body>

<script type="text/javascript">
	function preview(){
		window.open('./preview.jsp','preview');
	}
	
	function preview2(){
		window.open('./preview2.jsp','preview 02');
	}
</script>

<script type="text/javascript">
$(document).ready(function(){
	startup();
});
</script>

<table width=100% cellpadding="0" cellspacing="0" ><tr><td width=100% align="center" valign="top">

	<table width="1024px" height="750px" cellpadding="0" cellspacing="0" border="1">
		<tr><td width=100% valign="top" align="center" style="height: 25px;" ><h2>EDITING VIDEO</h2></td></tr>
		<tr><td valign="top" align="center">
		<table width="100%"><tr>
		<td width="170px" align="left" valign="top" >
		<!-- left menu part -->
			<%@include file="./jsp/design/left_menu.jsp" %>
		<!-- --- -->
		</td>
		<td width="450px">
		<!-- adding div part -->
			<div id="div_edit_add_images" class="add_div"></div>
			<div id="div_u2b" class="add_div"></div>
			<div id="div_article" class="add_div"></div>
			<div id="div_edit_add_fb_cmts" class="add_div"></div>
		<!-- --- -->
		</td>
		<td width="404px">
		<!-- video sample part -->
		
		<table width="100%"><tr><td align="center">
			<b><a id="a_preview" onclick="preview();">PREVIEW</a></b><br>
			<b><a id="a_preview_02" onclick="preview2();">PREVIEW 02</a></b>
		</td></tr>
		<tr><td align="center" valign="bottom">
			<div id="div_support">
				<%@include file="./jsp/design/intro.jsp" %>
			</div>
		</td></tr></table>
		
		<!-- --- -->
		</td>
		</tr></table>
	</td></tr><tr><td width="100%" align="left">
		<b>timeline:</b>&nbsp;&nbsp;<a id="a_timeline_clear">clear all</a> 
		<table><tr><td>
		<!-- timeline -->
		
		<div id="div_timeline_container" class="timeline_container_div">
			<div id="div_timeline" class="timeline_div"></div>
		</div>
		
		<!-- --- -->
		</td></tr>
		<tr><td>&nbsp;</td></tr>
		<tr><td>
		<!-- audio timeline --> 
		
		<div id="div_audio_container" class="audio_container_div">
		<div id="div_audio" class="audio_div">
		</div></div>
		
		<!--  -->
		</td></tr>
		</table>
	</td></tr>
	</table>
</td></tr>
</table>

</body>
</html>